<html xmlns="http://www.w3.org/1999/xhtml"  
     xmlns:h="http://java.sun.com/jsf/html"      
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:r="http://ricchieri.com/facelets"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:p="http://primefaces.org/ui">  
 <h:head>
 </h:head>  
 <h:body>

	<ui:composition template="../templates/commonLayout.xhtml">
		<ui:define name="title">#{msg.titleHome}</ui:define>
		<ui:define name="content">
		 	<script>
			    jQuery(document).ready(function() {
			    	displayBrowserDisclaimer();
			    });
			</script>
			<center>
				<img src="#{facesContext.externalContext.request.contextPath}/images/login-image.jpg" style="width:40%"/>
				<h:form style="width:50%" id="loginForm">
					<p:messages showDetail="false" autoUpdate="true" closable="false"/>
					<center>
		 				<h:panelGrid columns="3" style="width:50%">
							<h:outputLabel for="username" value="#{msg.loginUser}" />
							<p:inputText id="username" value="#{loginUserMB.username}" required="true" requiredMessage="#{msg.requiredUsername}"/>
						    <p:message id="usernameMsg" for="username" display="icon"/> 
		
						    <h:outputLabel for="password" value="#{msg.password}"/>
						    <p:password id="password" value="#{loginUserMB.password}" required="true" requiredMessage="#{msg.requiredPassword}"/>
						    <p:message id="passwordMsg" for="password" display="icon"/> 
						 </h:panelGrid>  
						 
		          		 <div style="text-align: center">
		          		 	<r:commandLinkCustom id="reset" action="#{loginUserMB}" method="login" icon="icon-signin" message="#{msg.loginButton}"/>
		            	</div>
	            	</center>
				</h:form>
			</center>
		</ui:define>
	</ui:composition>
</h:body>
</html> 